<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米首页</title>
		<!-- 二、外部样式表： 按照页面简易结构添加对应css-->
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script src="js/jquery-1.11.1.js"></script>
								 			 <script>
								 				 $(function(){
								 					var  se= $("main #wrapper").offset().top;
								 					$(window).scroll(function(){
								 					var st=$(window).scrollTop();
														if(st>se){
															$("main #wrapper").addClass("sticty");
														}else{
															$("main #wrapper").removeClass("sticty");
														}
								 					});
								 				 });
								 			 </script>
	</head>
	<body>
		<!--     一、HTML结构简易三层结构
		【结构化】 语义化标记： header、main、footer
		 【有利于SEO优化】
		 替代div+别名-->
		 <header>
			 <!-- 两列布局   起别名      【id用于定位    class用于微调】-->
			 <!-- wrapper 【中控区】  ：用于页面两侧留白，控制整页内容宽度-->
			 <div id="wrapper">
			 	<div  class="head_left">
					<ul >
				<li> <a href="#">小米网</a></li>
				<li> <a href="#">MIUI</a> </li>
				<li> <a href="#">米聊</a> </li>
				<li> <a href="#">游戏</a></li>
				<li> <a href="#">多看阅读</a></li>
				<li> <a href="#">云服务</a></li>
				<li><a href="#">小米网移动版</a></li>
				<li> <a href="#">问题反馈</a></li>
				<li> <a href="#" class="c">Select Region</a></li>
				</ul>
				</div>
			 	<div class="head_right">
					<ul>
				<li class="li_right"><i class="shop"></i><a href="#" class="d">购物车（0 )</a>
				<div class="jump">购物车还没有商品，赶紧选购吧！</div>
				</li>
				<li> <a href="#" class="c">注册</a></li>
				<!-- 精灵图使用  后缀.icon
				                     1.使用文本样式元素补位：   i   、s    b 、  u
									 2.使用矢量图.png【不失真】，icon存入png
									 好处：避免多次起名，减少服务器请求
									 3.使用内边距，文本样式【撑大】
									 4.如果是用矢量图：精灵图模式，需要定位-->
				<li ><a href="#">登录</a></li>
				</ul>
				</div>
			 </div>
		 </header>
		 <main>
			 <!-- 面包屑导航       结构化元素    nav      导航-->
			 <nav id="wrapper">
			<div class="logo"><img src="img/logo.png" alt="logo" width="50px" height="50px" /></div>
			<div class="donghua"><img src="img/donghua.gif" alt="donghua"  width="140px" height="53px"/></div>
				<div class="xiaomi">
					<ul>
					<li> <a href="#">小米盒子</a></li>
					<li><a href="#">红米</a></li>
					<li><a href="#">平板</a></li>
					<li><a href="#">电视</a></li>
					<li><a href="#">盒子</a></li>
					<li><a href="#">路由器</a></li>
					<li><a href="#">智能硬件</a></li>
					<li><a href="#">服务</a></li>
					<li><a href="#">社区</a></li>
				</ul>
				</div>
				<!-- 边框 -->
					<div id="border">
						<div class="search"><img src="img/search.png" alt="search" width="20px" height="20px"/></div>
						<div class="search_box"></div>
							<div class="文字">
								<ul>
									<li class="f">小米手机4c</li>
								<li class="e">平衡车</li>
								</ul>
								</div>
							</div>
				</nav>
				 
				<!-- 左栏和轮播图 -->
				<div class="main_1">
				<aside>
				<div class="main_left">
					<ul>
						<li> 手机 平板 电话卡<span>></span></li>
						<li>电视 盒子<span>></span></li>
						<li>路由器 智能硬件<span>></span></li>
						<li>移动电源 插线板<span>></span></li>
						<li>耳机 音箱<span>></span></li>
						<li>电池 存储卡<span>></span></li>
						<li>保护套 后盖<span>></span></li>
						<li>贴膜 其他配件<span>></span></li>
						<li>米兔 服装<span>></span></li>
						<li>箱包 其他周边<span>></span></li>
				</ul>
				</aside>
				<!-- 轮播图 -->
				<figure>
					<div class="main">
						<div id="animation"></div>
						<div class="container">
							<div class="banner" id="lazyload">
								<ul>
														<li><img src="img/banner01.jpg" alt="1"></li>
														<li><img src="img/banner02.jpg" alt="2"></li>
														<li><img src="img/banner03.jpg" alt="3"></li>
														<li><img src="img/banner04.jpg" alt="4"></li>
														<li><img src="img/banner05.jpg" alt="5"></li>
													</ul>
					<script src="js/highlight.pack.js"></script>
							<script src="js/jquery-1.11.1.js"></script>
							<script src="js/jquery.terseBanner.min.js"></script>
							<script src="js/script.js"></script>
					</div>
					</div>
					</div>
				</figure>
					</div>
				<!-- 电信图和某某 -->
						 <section>
						<div id="event">
							<div class="left"><img src="img/left.png" alt="1" width="250px" height="200px"></div>
							<ul>
								<li><img src="img/subnav_icon01.png" alt="2"></li>
								<li><img src="img/subnav_icon02.jpg" alt="3"></li>
								<li><img src="img/subnav_icon03.png" alt="3"></li>
							</ul>
						</div>
						</section>
						
						<!-- 明星单品部分 -->
						<!-- 文字 -->
						<div class="start_shop">
							<div class="text">小米明星单品</div>
							<div class="start_btn">&gt;</div>
							<div class="start_btn">&lt;</div>
						</div>
						<!-- 图片部分 -->
						<div class="container_star">
							<dl class="one">
								<dt class="t1"></dt>
								<dd class="product_title">小米智能插座 基础版</dd>
								<dd class="product_content">手机远程遥控，让普通电器变智能</dd>
								<dd class="product_price">49元</dd>
							</dl>
						
							<dl class="other" id="color_1">
								<dt class="t2"></dt>
								<dd class="product_title">小米空气净化器2</dd>
								<dd class="product_content">净化能力高达310m3/h</dd>
								<dd class="product_price">699元</dd>
							</dl>
						
							<dl class="other" id="color_2">
								<dt class="t3"></dt>
								<dd class="product_title">小米智能插线板</dd>
								<dd class="product_content">手机远程控制家中电器，智能节电</dd>
								<dd class="product_price">69元</dd>
							</dl>
						
							<dl class="other" id="color_3">
								<dt class="t4"></dt>
								<dd class="product_title">小米圈铁耳机</dd>
								<dd class="product_content">动圈+动铁，双发声单元</dd>
								<dd class="product_price">69元</dd>
							</dl>
						
							<dl class="other" id="color_4">
								<dt class="t5"></dt>
								<dd class="product_title">小米路由器 青春版</dd>
								<dd class="product_content">将高性能路由器，凝聚于掌心大小</dd>
								<dd class="product_price">79元</dd>
							</dl>
						</div>
							<!-- --------------------------------------------------------------------------------- -->
							<!-- 主页下半部分 -->
							<div class="half_bg">
								<div class="center_smart">
									<div class="smart">
										<div class="text">智能硬件
										<img src="img/hardware_morebtn.png" alt="箭头" / class="jian">
										<a href="#" class="all">查看全部</a>
										</div>
									</div>
									
									<div class="watch ">
										<p class="first">米兔儿童电话手表</p>
										<p class="second">安全防走失，宝贝的贴身护卫</p>
										<p class="price_1">299</p>
										<p class="price_2">元</p>
									</div>
									<!-- 智能硬件第一排 -->
									<div class="smart_card_the_first">
									<dl class="smart_card">
										<dt class="card1 card_all"></dt>
										<dd class="smart_card_title">小米体重秤</dd>
										<dd class="smart_card_content">高精度压力传感器，手机管理全家健康</dd>
										<dd class="smart_card_price">99元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card2 card_all"></dt>
										<dd class="smart_card_title">小米路由器3</dd>
										<dd class="smart_card_content">更安全更稳定，安全发售</dd>
										<dd class="smart_card_price">149元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card3 card_all"></dt>
										<dd class="smart_card_title">小米手环 光感版</dd>
										<dd class="smart_card_content">实时监测心率，科学运动</dd>
										<dd class="smart_card_price">99元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card4 card_all"></dt>
										<dd class="smart_card_title">小米智能安防套装</dd>
										<dd class="smart_card_content">智能警戒，为您的家增添一份安心</dd>
										<dd class="smart_card_price">699元</dd>
									</dl>
									</div>
									<!-- 智能硬件第二排 -->
									<div class="smart_card_the_second">
									<dl class="smart_card">
										<dt class="card1 card_all"></dt>
										<dd class="smart_card_title">小米运动相机</dd>
										<dd class="smart_card_content">边玩边录边拍，手机随时分享</dd>
										<dd class="smart_card_price">399元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card2 card_all"></dt>
										<dd class="smart_card_title">iHealth智能血压计（蓝牙版）</dd>
										<dd class="smart_card_content">送给父母的健康礼物</dd>
										<dd class="smart_card_price">199元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card3 card_all"></dt>
										<dd class="smart_card_title">小米智能摄像机 夜视版</dd>
										<dd class="smart_card_content">能看能听能说，手机远程观看</dd>
										<dd class="smart_card_price">149元</dd>
									</dl>
									
									<dl class="smart_card">
										<dt class="card4 card_all"></dt>
										<dd class="smart_card_title">Yeelight床头灯</dd>
										<dd class="smart_card_content">触摸式操作，给卧室1600万种颜色</dd>
										<dd class="smart_card_price">699元</dd>
									</dl>
									</div>
								</div>
								<!-- 搭配部分 -->
								<div class="collocation_center">
									<p  class="p"style="color: black; font-size:22px ;">搭配</p>
									<ul class="ppt">
										<li>热门</li>
									    <li>耳机音响</li>
									    <li>电源</li>
									    <li>电池储存卡</li>
									</ul>
										<div class="center_main">
											<div class="main_top">
												<ul>
													<li>
														<img src="img/dapei_icon01.png" alt="" >
													</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon03.png" alt=""style="margin: 28px;" >
														<h3>小米路由器3</h3>
														<p class="p1">更安全更稳定，安全发售</p>
														<p class="p2">149元</p>
													</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon04.png	" alt=""style="margin: 32px;">
														<h3>小米手环 光感版</h3>
														<p class="p1">实时监测心率，科学运动</p>
														<p class="p2">99元</p>
													</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon05.png" alt="" style="margin: 82px;">
														<h3>小米智能安防套装</h3>
														<p class="p1">智能警戒，为您的家增添一份安心</p>
														<p class="p2">699元</p>
													</li>
													<li style="margin-left: 5px;">
														<img src="img/dapei_icon06.png" alt=""style="margin: 30px;">
														<h3>小米运动相机</h3>
														<p class="p1">边玩边录边拍，手机随时分享</p>
														<p class="p2">399元</p>
													</li>
												</ul>
											</div>
											<div class="main_bottom">
												<ul>
													<li>
														<img src="img/dapei_icon02.png" alt="">
														</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon07.png" alt="" style="margin: 30px;">
														<h3>小米智能摄像机 夜视版</h3>
														<p class="p1">能看能听能说，手机远程观看	</p>
														<p class="p2">149元</p>
													</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon08.png" alt="" style="margin: 34px;">
														<h3>小米智能摄像机 夜视版</h3>
														<p class="p1">能看能听能说，手机远程观看	</p>
														<p class="p2">149元</p>
														</li>
													<li style="margin-left: 13px;">
														<img src="img/dapei_icon09.png" alt="" style="margin: 40px;">
														<h3>小米智能摄像机 夜视版</h3>
														<p class="p1">能看能听能说，手机远程观看	</p>
														<p class="p2">149元</p>
														</li>
													<li style="margin-left: 5px;">
														<div><img src="img/content-top_icon01.png" alt="" style="margin-bottom: 8px;"/></div>
														<div><img src="img/content-top_icon02.png" alt="" /></div>
														</li>
												</ul>
											</div>
										</div>
								</div>
								<!-- 周边 merchandise -->
								<div class="merchandise_center">
									<div class="merchandise_title">
										周边
										<ul class="merchandise_title_2">
											<li>热门</li>
											<li>服装</li>
											<li>米兔</li>
											<li>生活周边</li>
											<li>箱包</li>
										</ul>
									</div>
									<!-- 第一排 -->
									<div class="merchandise_first">
										<dl class="merchandise_first_card_1 merchandise_first_card_all" >
											<dt class="merchandise_first_card_img"></dt>
											<dd class="merchandise_first_card_title"></dd>
											<dd class="merchandise_first_card_text_first"></dd>
											<dd class="merchandise_first_card_text_second"></dd>
										</dl>
									
									
										<dl class="merchandise_first_card_2 merchandise_first_card_all">
											<dt class="merchandise_first_card_img"></dt>
											<dd class="merchandise_first_card_title">小米金属鼠标垫 小号</dd>
											<dd class="merchandise_first_card_text_first">49元</dd>
											<dd class="merchandise_first_card_text_second">6483人评价</dd>
										</dl>
										
										<dl class="merchandise_first_card_3 merchandise_first_card_all">
											<dt class="merchandise_first_card_img"></dt>
											<dd class="merchandise_first_card_title">小米皮质记事本</dd>
											<dd class="merchandise_first_card_text_first">19元</dd>
											<dd class="merchandise_first_card_text_second">3050人评价</dd>
										</dl>
										
										<dl class="merchandise_first_card_4 merchandise_first_card_all">
											<dt class="merchandise_first_card_img"></dt>
											<dd class="merchandise_first_card_title">小米LED随身灯 增强版</dd>
											<dd class="merchandise_first_card_text_first">19.9元</dd>
											<dd class="merchandise_first_card_text_second">5.6万人评价</dd>
										</dl>
										
										<dl class="merchandise_first_card_5 merchandise_first_card_all" style="margin-right: 0;">
											<dt class="merchandise_first_card_img"></dt>
											<dd class="merchandise_first_card_title">手机支架 小蜜蜂

</dd>
											<dd class="merchandise_first_card_text_first">19元</dd>
											<dd class="merchandise_first_card_text_second">6.9万人评价</dd>
										</dl>
									</div>
									<!-- ------------------------------第二排------------------------------------------------- -->
									<div class="merchandise_second">
										<dl class="merchandise_second_card_1 merchandise_second_card_all" >
											<dt class="merchandise_second_card_img"></dt>
											<dd class="merchandise_second_card_title"></dd>
											<dd class="merchandise_second_card_text_first"></dd>
											<dd class="merchandise_second_card_text_second"></dd>
										</dl>
																			
										<dl class="merchandise_second_card_2 merchandise_second_card_all">
											<dt class="merchandise_second_card_img"></dt>
											<dd class="merchandise_second_card_title">小米金属鼠标垫 小号</dd>
											<dd class="merchandise_second_card_text_first">49元</dd>
											<dd class="merchandise_second_card_text_second">6483人评价</dd>
										</dl>
										
										<dl class="merchandise_second_card_3 merchandise_second_card_all">
											<dt class="merchandise_second_card_img"></dt>
											<dd class="merchandise_second_card_title">小米智能摄像机 夜视版</dd>
											<dd class="merchandise_second_card_text_first">149元</dd>
											<dd class="merchandise_second_card_text_second">8461人评价</dd>
										</dl>
										
										<dl class="merchandise_second_card_4 merchandise_second_card_all">
											<dt class="merchandise_second_card_img"></dt>
											<dd class="merchandise_second_card_title">小米电源线收纳盒</dd>
											<dd class="merchandise_second_card_text_first">39元</dd>
											<dd class="merchandise_second_card_text_second">8461人评价</dd>
										</dl>
										
										<dl class="merchandise_second_card_5 merchandise_second_card_all" style="margin-right: 0;">
											<dt class="merchandise_second_card_img_1"></dt>
											<dt class="merchandise_second_card_img_2"></dt>
										</dl>
									</div>
									
								</div>
								<!-- 配件部分---------------------------------- -->
									<div class="accessory">
														<div class="word">
															<div class="word_left">配件</div>
															<ul>
															<li>热门</li>
															<li>保护套</li>
															<li>后盖</li>
															<li>贴膜</li>
															<li>其他配件</li>
															</ul>
															
														</div>
														<div class="shop2">
															<div class="shop2_top">
																<ul>
																	<li class="i1"><img src="img/zhoubian_icon01.png" alt="1" /></li>
																	<li class="i2" style="background: white;">
																		<img src="img/zhoubian_icon03.png" alt="" style="margin: 22px;" />
																		<h3 style="color: black;">小米自拍杆</h3>
																		<p  style="color: #ff6709; ">49元</p>
																		<p>6.4万人评价</p>
																	</li>
																	<li class="i3" style="background: white;">
																		<img src="img/zhoubian_icon04.png" alt="" style="margin: 22px;"  />
																		<h3 style="color: black;">小米手机5钢化膜(0.22mm)</h3>
																		<p  style="color: #ff6709;">29元</p>
																		<p>1万人评价</p></li>
																	<li class="i4" style="background: white;">
																		<img src="img/zhoubian_icon05.png" alt=""  style="margin: 22px;" />
																		<h3 style="color: black;">红米手机Note3钢化膜(0.22mm)</h3>
																		<p  style="color: #ff6709;">699元</p>
																		<p>5.6万人评价</p>
																	</li>
																	<li class="i5" style="background: white;">
																		<img src="img/zhoubian_icon06.png" alt="" style="margin: 22px;"  />
																		<h3 style="color: black;">小米Note标准贴膜(2片装)</h3>
																		<p  style="color: #ff6709;">19元</p>
																		<p>2.1万人评价</p>
																	</li>
																</ul>
															</div>
															<div class="shop2_bottom">
																<ul>
																<li class="i1">
																		<img src="img/zhoubian_icon02.png" alt="">
																	</li>
																	<li class="i2" style="background: white;">
																		<img src="img/zhoubian_icon07.png" alt="" style="margin: 22px;"/>
																		<h3 style="color: black;">小米随身WIFI</h3>
																		<p style="color: #ff6709;">19.9元</p>
																		<p>30.1万人评价</p>
																	</li>
																	<li class="i3" style="background: white;">
																		<img src="img/zhoubian_icon08.png" alt="" style="margin: 22px;"/>
																		<h3 style="color: black;">小米百变随身杯</h3>
																		<p style="color: #ff6709;">39元</p>
																		<p>1.2万人评价</p>
																	</li>
																	<li class="i4" style="background: white;">
																		<img src="img/zhoubian_icon09.png" alt="" style="margin: 22px;"/>
																		<h3 style="color: black;">小米手机5 硅胶保护套</h3>
																		<p style="color: #ff6709;">69元</p>
																		<p>215人评价</p>
																	</li>
																	<li class="i5">
																		<div><img src="img/zhoubian_icon10.png" alt="5" style="margin-bottom: 8px;"/></div>
																		<div><img src="img/content-top_icon02.png" alt="6" /></div>
																	</li>
																</ul>
															</div>
														</div>
													</div>
													<!-- 热评产品------------------------ -->
										       <div id="reping">
														<p class="pp">热评产品</p>
														<div class="reping_main">
													<ul>
															<li >
																<img src="img/hotproduct_icon01.png" alt="1" style="width: 280px;"/>
																<p class="comment"> 超值正品，再也不会担心头那里时间久了坏掉，感觉升级版萌萌哒，既好用又好看</p>
																<p class="user">来自于 香草忘忧 的评价</p>
																<span style="color: black;">米兔手机U盘</span> <span class="price">49.9元</span>
																</li>
																<li>
																	<img src="img/hotproduct_icon02.png" alt="1" style="width: 280px;"/>
																	<p class="comment"> 绝对5星，音质挺好，包装也不错，物流也快</p>
																	<p class="user">来自于 星星活火 的评价</p>
																	<span style="color: black;">小米活塞耳机 标准版</span> <span class="price">49.9元</span>
																</li>
																<li>
																	<img src="img/hotproduct_icon03.png" alt="1" style="width: 280px;"/>
																	<p class="comment">做工没的说，摸起来非常细腻，而且比传统的插板稳固</p>
																	<p class="user">来自于 林新城 的评价</p>
																	<span style="color: black;">小米插线板</span> <span class="price">49元</span>
																</li>
																<li>
																	<img src="img/hotproduct_icon04.png" alt="1" style="width: 280px;"/>
																	<p class="comment"> 一如既往的发烧体验，炫酷外形，人性的设计，动听的音质！高低音表现平衡</p>
																	<p class="user">来自于 人生如戏 的评价</p>
																	<span style="color: black;">小米头戴式耳机 标准版</span> <span class="price">499元</span>
																</li>
																</ul>
												</div>
							</div>
							<!-- 内容-------------------------------------- -->
								<div class="content">
														<p class="ppp">内容</p>
														<div class="imgs">
															<dl>
																<dd><span>图书</span></dd>
																<dd>阿弥陀佛，么么哒</dd>
																<dd class="product">大冰新书，12个不舍得读完的、暖心的，真实的江湖故事</dd>
																<dd>9.99元</dd>
																<dt><img src="img/classify_icon01.png" alt="1"></dt>
															</dl>
															<dl>
																<dd><p>主题</p></dd>
																<dd>主题市场</dd>
																<dd class="product">众多个性主题、百变锁屏与自由桌面让你的手机与众不同</dd>
																<dd>MIUI</dd>
																<dt><img src="img/classify_icon02.png" alt="3"></dt>
															</dl>
					
															<dl>
																<dd><a href="">游戏</a></dd>
																<dd>米柚手游模拟器</dd>
																<dd class="product">在电脑上玩遍小米所有手游</dd>
																<dd>免费</dd>
																<dt><img src="img/classify_icon03.png" alt="4"></dt>
															</dl>
															<dl>
																<dd><b>应用</b></dd>
																<dd>2015年度应用</dd>
																<dd class="product">精彩世界，尽情下载</dd>
																<dd>免费</dd>
																<dt><img src="img/classify_icon04.png" alt="5"></dt>
															</dl>
														</div>
													</div>
						<!-- 视频-------------------------------------------------- -->
						<div class="video">
								<div class="text">
									<div class="text_left">视频</div>
									<div class="chakangengduo">查看更多</div>
									<div class="text_right"><img src="./img/hardware_morebtn.png" alt="" /></div>
								</div>
								<div class="imgs">
									<dl>
										<dt><img src="img/video_icon01.jpg" alt=""></dt>
										<dd class="introduction">笑喷了，沈腾爆笑出演，6集联播</dd>
										<dd class="product">小米Max沈腾爆笑预告全集</dd>
									<dl>
									<dl>
										<dt><img src="img/video_icon02.jpg" alt=""></dt>
										<dd class="introduction">小米2016春季新品发布会</dd>
										<dd class="product">小米5 十余项黑科技亮相</dd>
									</dl>
									<dl>
										<dt><img src="img/video_icon03.jpg" alt=""></dt>
										<dd class="introduction">15秒了解小米5 有多快</dd>
										<dd class="product">华少用超快语速告诉你小米5 到底有多快</dd>
									</dl>
									<dl>
										<dt><img src="img/video_icon04.jpg" alt="" ></dt>
										<dd class="introduction">《去探索》 小米年度品牌视频</dd>
										<dd class="product">与小米一起探索黑科技</dd>
									</dl>
								</div>
							</div>
							
						 
						</div>
						
						</main>
						<!--  页尾----------------------------------- -->
		 <footer>
			  <div class="title">
			 					 <ul>
			 					 <li class="s1"><img src="img/footer_icon01.png" alt="" /><a href="#"><i class="fix"></i>1小时快修服务</a></li>
			 					 <li class="s2"><img src="img/footer_icon02.png" alt="" /><a href="#"><i class="return"></i>7天无理由退货</a></li>
			 					 <li class="s3"><img src="img/footer_icon03.png" alt="" /><a href="#"><i class="round"></i>15天免费换休</a></li>
			 					 <li class="s4"><img src="img/footer_icon04.png" alt="" /><a href="#"><i class="gift"></i>满150元包邮</a></li>
			 					 <li class="s5"><img src="img/footer_icon05.png" alt="" /><a href="#"><i class="outlet"></i>520余家售后网点</a></li>
			 					 </ul>
			 				 </div>
			 	<!-- 页尾结构：div>div*7>h3+ul>li*3>a -->
			 	<div class="footer_container">
			 		<!-- 帮助中心栏 -->
			 		<div class="column">
			 			<h3>帮助中心</h3>
			 		<ul>
			 			<li><a href="#">购物指南</a></li>
			 			<li><a href="#">支付方式</a></li>
			 			<li><a href="#">配送方式</a></li>
			 		</ul></div>
			 		<!-- 服务支持栏 -->
			 		<div class="column">
			 					<h3>服务支持</h3>
			 				<ul>
			 					<li><a href="#">售后政策</a></li>
			 					<li><a href="#">自助服务</a></li>
			 					<li><a href="#">相关下载</a></li>
			 				</ul></div>
			 		<!-- 线下门店栏 -->
			 		<div class="column">
			 					<h3>线下门店</h3>
			 				<ul>
			 					<li><a href="#">小米之家</a></li>
			 					<li><a href="#">服务网点</a></li>
			 					<li><a href="#">线下专区</a></li>
			 				</ul></div>
			 		<!-- 关于小米栏 -->
			 		<div class="column">
			 					<h3>关于小米</h3>
			 				<ul>
			 					<li><a href="#">了解小米</a></li>
			 					<li><a href="#">加入小米</a></li>
			 					<li><a href="#">联系我们</a></li>
			 				</ul></div>
			 		<!-- 关注我们栏 -->
			 		<div class="column">
			 					<h3>关注我们</h3>
			 				<ul>
			 					<li><a href="#">新浪微博</a></li>
			 					<li><a href="#">小米部落</a></li>
			 					<li><a href="#">官方微信</a></li>
			 				</ul></div>
			 		<!--  特色服务栏-->
			 		<div class="column">
			 					<h3>特色服务</h3>
			 				<ul>
			 					<li><a href="#">F码通道</a></li>
			 					<li><a href="#">小米移动</a></li>
			 					<li><a href="#">防伪查询</a></li>
			 				</ul></div>
			 		<!-- 右侧栏：客服信息栏 -->
			 		<div class="column contact_column" >
			 			<h3>400-100-5678</h3>
			 			<p>周一至周日 8:00-18:00</p>
			             <p>（仅收市话费）</p>
			              <a href="a">24小时在线客服</a>
			 		</div>
					<div id="footer_main2">
									<div class="main2_part1">
										<img src="img/team_logo.png" alt="1" />
										<div class="part1_1">
										<ul>
											<li><a href="#">小米网</a></li>
											<li><a href="#">MIUI</a></li>
											<li><a href="#">米聊</a></li>
											<li><a href="#">多看书城</a></li>
											<li><a href="#">小米路由器</a></li>
											<li><a href="#">视频电话</a></li>
											<li><a href="#">小米后院</a></li>
											<li><a href="#">小米天猫店</a></li>
											<li><a href="#">小米淘宝直营店</a></li>
											<li><a href="#">小米网盟</a></li>
											<li><a href="#">问题反馈</a></li>
											<li><a href="#">Select Region</a></li>
										</ul>
										</div>
										<div>
										<p>©mi.com京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 违法和不良信息举报 电话：185-0130-1238</p>
										<p>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
										</div>
									</div>
									<div class="main2_part2">
										<ul>
											<li><i class="i1"></i><span>网上交易保障中心</span></li>
											<li><i class="i2"></i><span>可信网站信用评价</span></li>
											<li><i class="i3"></i><span>诚信网站师范企业</span></li>
										</ul>
									</div>
									<div class="word"><p>探索黑科技，小米为发烧而生</p></div>
								</div>
		 </footer>
	</body>
</html>
